<!-- <template>
<div class="user">
    <el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      fixed
      prop="date"
      label="日期"
      width="150">
    </el-table-column>
     <el-table-column
      prop="username"
      label="用户名"
      width="100">
    </el-table-column>
    <el-table-column
      prop="user"
      label="账号"
      width="100">
    </el-table-column>
    <el-table-column
      prop="password"
      label="密码"
      width="150">
    </el-table-column>
    <el-table-column
      fixed="right"
      label="操作"
      width="450"
      >
      <template slot-scope="scope">
        <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
        <el-button type="text" size="small">删除</el-button>
      </template>
    </el-table-column>
  </el-table>
  
  <div class="tableData_length" v-if="istableDataLength">当前数据为{{this.tableData.length}}条</div>
  </div>
  
</template>

<script>

export default {
  data(){
    return{
      istableDataLength:true,
      istrue:false,
      isshowUserMess:false,
      tableData: []
    }
  },
  methods:{
     handleClick(row) {
        console.log(row);
      },
  },
  mounted(){
    this.$axios.get("/api/user_lists").then(res=>{
       this.tableData = res.data.params.data
       console.log(this.tableData);
    })
    let aData = new Date();
    // console.log(aData) //Wed Aug 21 2019 10:00:58 GMT+0800 (中国标准时间)
    let dateValue = aData.getFullYear() + "年" + (aData.getMonth() + 1) + "月" + aData.getDate()+'日';
    console.log('获取当前时间',dateValue) //2019-8-20 

  },
 
}
</script>

<style>
.user{
  position: absolute;
  top: 10%;
  left: 182px;
  width: 88.8%;
  height: auto;
  display: flex;
  flex-flow: column;
  user-select: none;
  transition: all 2s;

}
.tableData_length{
  text-align: center;
  color: gray;
}
.el-table{
  margin-left: 10px;
  box-shadow: 0px 0px 4px gray;
}
/* table{

 
}
th{
  border: 2px solid black;
}
tr{
  border: 1px solid ;
}
td{
   border: 1px solid gray;
} */





</style> -->
